﻿(function ($)
{
    $.fn.hiddenScroll = function ()
    {
        var $t = $(this);

        var $crop = $('<div class="scrollableCrop" />');

        var $scroll = $('<div class="scrollableArea" />');

        var $content = $('<div class="scrollableContent" />');

        var $placeHolder = $('<div class="scrollableAreaBottomPlaceholder" />');

        $content.appendTo($scroll);

        $scroll.appendTo($crop);

        $t.wrap($crop);

        $scroll = $t.parent();

        $crop = $scroll.parent();

        $t.parents('.ui-tabs-panel').css('padding', '0px !important');

        $t.parent().parents().height('100%');

        $($scroll).append($placeHolder);
    }
})(jQuery);
